#app{
  height: 100vh;
  font-size: 12px;
}
.text-center{
  text-align: center;
}
.fr{
  float: right;
}
.fl{
  float: left;
}
.flex{
  display: flex;
  &.wrap{
    flex-wrap: wrap;
  }
  &.column{
    flex-direction: column;
  }
  &.middle{
    align-items: center;
  }
  &.center{
    justify-content: center;
  }
  &.average > *{
    flex: 1;
  }
  .auto{
    flex: 0 auto;
  }
  .f1{
    flex: 1;
  }
}
.text-hidden{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inline-block{
  font-size: $--font-size-base;
  display: inline-block;
  &.middle{
    vertical-align: middle;
  }
  &.top{
   vertical-align: top;
  }
  &.bottom{
    vertical-align: bottom;
  }
}
.el-submenu.is-active .el-submenu__title,.el-menu-item.is-active{
  background-color: rgba(0,0,0,.2) !important;
}
